<template>
  <div class="estateOldList-contail">
    <van-nav-bar class="header"
                 title="缴费记录"
                 left-arrow
                 @click-left="goBack()" />
    <div class="weaper">
      <div class="fengniao-tip"
           v-if="tip">暂时没有数据</div>
      <van-list v-model="loading"
                :finished="finished"
                @load="onLoad">
        <van-cell-group class="list">
          <van-cell :title="item.label"
                    v-for="(item,index) in list"
                    :key="index"
                    :label="item.payDate">
            <span class="money">{{item.payNumber}}</span>
          </van-cell>
        </van-cell-group>
      </van-list>
    </div>
  </div>
</template>

<script>
import baseCommon from '@/mixins/common';
import { getList } from '@/api/estate/';
import { validatenull } from '@/util/validate';
import { mapGetters } from 'vuex';

export default {
  name: 'estateOldList',
  mixins: [baseCommon()],
  data() {
    return {
      list: [],
      tip: false,
      loading: false,
      finished: false,
      page: {
        total: 0,
        page: 1,
        limit: 10,
      },
    };
  },
  computed: {
    ...mapGetters(['userInfo', 'address']),
  },
  created() {

  },
  mounted() { },
  methods: {
    onLoad() {
      getList(this.page).then((res) => {
        this.setPage(res);
      });
    },
  },

};

</script>

<style lang="scss">
.estateOldList-contail {
  .list {
    .money {
      font-size: 20px;
      // &::before {
      //   content: '$';
      //   margin-right: 3px;
      // }
    }
  }
}
</style>

